<template>
  <div class="goodsCheckAll">
    <!-- 购物车有数据 -->
    <!-- 购物车导航栏 -->
    <el-row :gutter="20" class="row-1">
      <el-col :span="3">
        <div class="grid-content bg-purple juzhong">
          <div
            :class="i==0?'el-icon-folder':'el-icon-folder-checked'"
            class="checkAll"
            style="margin-left:-8px"
          ></div>全选
        </div>
      </el-col>
      <el-col :span="2">
        <div class="grid-content bg-purple juzhong">课程</div>
      </el-col>
      <el-col :span="10">
        <div class="grid-content bg-purple juzhong"></div>
      </el-col>
      <el-col :span="5">
        <div class="grid-content bg-purple juzhong">金额</div>
      </el-col>
      <el-col :span="3">
        <div class="grid-content bg-purple juzhong">操作</div>
      </el-col>
    </el-row>
    <!-- 购物车内容 -->
    <div class="goodscheck-content">
      <el-row :gutter="20" class="row-2 row-1" style="margin:10px 0">
        <el-col :span="2">
          <div class="grid-content bg-purple juzhong">
            <div :class="i==0?'el-icon-folder':'el-icon-folder-checked'" class="checkAll checkAll1"></div>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <img src="../assets/ZWTimg/shop1.png" alt />
          </div>
        </el-col>
        <!-- <el-col :span="4"><div class="grid-content bg-purple"></div></el-col> -->
        <el-col :span="11">
          <div class="grid-content bg-purple">
            <p>【实战课程】Java企业级支付全家桶设计与实战</p>
            <p class="package-item">4个组合套餐可选择</p>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple checkAll1" style="margin-left:-5px">￥328</div>
        </el-col>
        <el-col :span="3">
          <div class="grid-content bg-purple checkAll1">
            <div class="el-icon-close checkAll"></div>
          </div>
        </el-col>
      </el-row>

      
    </div>
    <!-- 购物车支付 -->
    <el-row :gutter="20" class="row-2 buy-row1">
      <el-col :span="2">
        <div class="grid-content bg-purple juzhong"></div>
      </el-col>
      <el-col :span="4">
        <div class="grid-content bg-purple"></div>
      </el-col>
      <el-col :span="11">
        <div class="grid-content bg-purple"></div>
      </el-col>
      <el-col :span="4">
        <div
          class="grid-content bg-purple checkAll1"
          style="margin-left:-5px font-size:14px"
        >总计金额：￥328</div>
      </el-col>
      <el-col :span="3">
        <div class="grid-content bg-purple checkAll1">
          <el-button type="danger" class="go">去结算</el-button>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {};
</script>

<style>
@import url("../assets/css/shop/buy.css");
.buy-row1 {
  display: flex;
  bottom: 0px;
  /* border: black 1px solid; */
}
.goodscheck-content{
  overflow: auto;
  height: 300px;
  /* border: solid 1px black; */
}
</style>